import React from 'react';

/**
 * 组件挂载阶段，要执行的钩子函数
 * 1 constructor
 * 2 render
 * 3 componentDidMount
 */
class App extends React.Component {
  constructor(props) {
    console.log('1. constructor()');
    super(props);
    // 初始化state
    this.state = {
      count: 0,
    };
    // 为事件处理程序绑定this
  }

  render() {
    console.log('2. render()');
    // 不能修改页面状态，会触发页面的无限渲染
    // this.setState();
    console.log('reder', document.getElementById('h1-001'));
    return (
      <div>
        <h1 id="h1-001">我是H1标签</h1>
        <button>点击次数{this.state.count}</button>
      </div>
    );
  }

  componentDidMount() {
    console.log('3. componentDidMount()');
    // 发送网络请求
    // DOM操作
    console.log('componentDidMount', document.getElementById('h1-001'));
  }
}

export default App;
